import { createApp } from 'vue'
import axios from 'axios';
import VueAxios from 'vue-axios';
import App from './App.vue'
import router from './router/index'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'
import store from './store';
import VueWechatTitle from 'vue-wechat-title'
import hljs from "highlight.js"
import 'highlight.js/styles/tomorrow-night-blue.css';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';


const app = createApp(App)
app.use(ElementPlus)
    .use(Antd)
    .use(store)
    .use(VueWechatTitle)
    .use(VueAxios,axios)
    .directive('highlight',function (el) {
        let highlight = el.querySelectorAll('pre code');
        highlight.forEach((block)=>{
            hljs.highlightBlock(block)
        })
    })
    .use(router).mount('#app')
